import React, { PropTypes } from 'react';
import cx from 'classnames';

import Loading from '../components/loading.jsx';

const propTypes = {
  content: PropTypes.string,
};

const defaultProps = {
  content: 'Hello World',
};

class Alert extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isShow:true,
    }
    // return false;
  }
  static methodsAreOk() {
    return true;
  }
  componentWillMount() {
    console.log('componentWillMount');
    return false;
  }
  componentDidMount() {
    console.log('componentDidMount');
    return false;
  }
  componentWillReceiveProps() {
    console.log('componentWillReceiveProps');
    return false;
  }
  shouldComponentUpdate() {
    return false;
  }
  componentWillUpdate() {
    console.log('componentWillUpdate');
    return false;
  }
  componentDidUpdate() {
    console.log('componentDidUpdate');
    // return false;
  }
  componentWillUnmount() {
    console.log('componentWillUnmount');
    // return false;
  }
  clickHandlers() {
    console.log('clicked');
    // return false;
  }
  render() {
    var className = cx({
      show:this.state.isShow 
    },'wx_loading');

    return (
    	<div id="wxAlert" class={className}>
        <div class="wx_alert_inner" id="wx_alert_inner" v-text="content">{this.props.content}</div>
    </div>
    );
  }
}

Alert.propTypes = propTypes;
Alert.defaultProps = defaultProps;

export default Alert;